<template>
	<div class="details-form-row">
		<slot></slot>
		<div v-show="$slots.left" class="details-form-row__left">
			<slot name="left"></slot>
		</div>
		<div v-show="$slots.right" class="details-form-row__right">
			<slot name="right"></slot>
		</div>
	</div>
</template>
<script>
export default {
	name: 'fx-details-form-row'
}
</script>
<style lang="stylus" scoped>
@import '~$assets/stylus/varsty.styl'
.details-form-row {
	display: flex;
	flex-direction: row;
	&__left, &__right {
		flex: 1
	}
	&__left {
		margin-right: 30px
	}
	>>>.el-form-item__label {
		text-align: left
	}
}
</style>
